<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定义列表</title>
</head>
<body>
<!--
    dl:表示一个定义列表的父标签
    dt:表示定义列表的内容,可以当做列表的标题
    dd:对定义列表的内容进行解释说明,可以当做具体选项
    也可以将dt当做选项,dd作为最近的dt的子选项
-->
<dl>
    <dt>面向对象三大特征</dt>
    <dd>封装</dd>
    <dd>继承</dd>
    <dd>继承多态</dd>

    <dt>水果</dt>
    <dd>西瓜</dd>
    <dd>苹果</dd>
    <dd>香蕉</dd>

    <dt>电子产品</dt>
    <dd>手机</dd>
    <dd>pad</dd>
    <dd>电子表</dd>
</dl>
</body>
</html>